<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="./banner.css">
</head>
<body>
    <div class="box banner1"></div>
    <div class="box banner2"></div>
</body>
<script src="../jquery.js"></script>
<script src="./jquery.banner.js"></script>
<script>

    const imgs = [{
        src:"./imgs/banner1.jpg"
    },{
        src:"./imgs/banner2.jpg"
    },{
        src:"./imgs/banner3.jpg"
    },{
        src:"./imgs/banner4.jpg"
    },{
        src:"./imgs/banner5.jpg"
    }]

    $(".banner1").banner(imgs, {
        btns:false,      // 默认为true
        list:true,      // 默认为true
        autoPlay:false,  // 默认为true
        delayTime:3000, // 默认为2000
        moveTime:300,   // 默认为200
        index:2         // 默认为0
    });
    
    $(".banner2").banner(imgs);
</script>
</html>